<!-- 2024年01月24日 08:30 星期三 -->
<template>
	<div class="datetime">
		<slot>{{datetime}}</slot>
	</div>
</template>

<script>
export default {
	props:{
		formatter: {
			type: String,
			default: "YYYY年MM月DD日 HH:mm:ss dddd"
		}
	},
	//import引入的组件需要注入到对象中才能使用
	components: {},
	data() {
		//这里存放数据
		return {
			datetime: ""
		};
	},
	//监听属性 类似于data概念
	computed: {},
	//监控data中的数据变化
	watch: {},
	//生命周期 - 创建完成（可以访问当前this实例）
	created() {

	},
	//生命周期 - 挂载完成（可以访问DOM元素）
	mounted() {
		setInterval(() => {
			this.getDateTime()
		}, 1000)
	},
	//方法集合
	methods: {
		getDateTime(){
			this.datetime = this.$moment().format(this.formatter)
		}
	},
}
</script>
<style lang='scss' scoped>
//@import url(); 引入公共css类

</style>